<template>
    <h1>捐赠订单填写</h1>
    <div class="sop">
    <el-col :span="5" >
        <div class="pua">
            <p> 请输入要捐赠的物品名：</p>
        <el-input v-model="input_title" class="w-50 m-2"   >

        </el-input>
        </div>
        <div class="pua">
        <p>请输入您的姓名：</p>
        <el-input v-model="input_name" class="w-50 m-2"   >
            <template #suffix>
                <el-icon><Avatar /></el-icon>
            </template>
        </el-input>
        </div>
        <div class="pua">
        <p>请输入您的手机号：</p>
        <el-input v-model="input_phone" class="w-50 m-2"   >
            <template #suffix>
                <el-icon><Iphone /></el-icon>
            </template>
        </el-input>
        </div>
        <div class="pua">
        <p>请选择上门取件时间：</p>
            <el-date-picker v-model="value"/>
        </div>
    </el-col>
    </div>
</template>

<script>
    export default {
        name: "DonateAdd",
        data(){
            return{
                value:'',
                input_title:'',
                input_name:'',
                input_phone:'',
            }
        }
    }
</script>

<style scoped>
.pua{
    margin: 30px;
}
    .sop{
        width: 1200px;
        margin: 0 auto;

    }
</style>